<template>
	<view class="join-us-box">
		<view class="join-us-title">
			<image src="/static/images/title-icon.png"></image>
			入驻平台
			<image src="/static/images/title-icon.png"></image>
		</view>
		<view class="join-grid">
			<view class="join-item">
				<u-image style="width: 100%;height: 100%;" src="http://124.223.58.229:8001/api/uploads/image/20250304/b1bb6f1a-b6e4-4907-aa70-132154b51785.png" width="100%" height="100%"></u-image>
			</view>
			<view class="join-item">
				<u-image style="width: 100%;height: 100%;" src="http://124.223.58.229:8001/api/uploads/image/20250304/0f0e5153-5b67-4ae4-b5a3-22b6edacba50.png" width="100%" height="100%"></u-image>
			</view>
		</view>
	</view>
</template>

<script lang="ts" setup>
	const goPage = (url : string) => {
		uni.navigateTo({ url: url })
	}
</script>

<style lang="scss" scoped>
	.join-us-box {
		margin-top: 20rpx;
		box-sizing: border-box;
		padding: 0 24rpx;
	}

	.join-us-title {
		font-family: SourceHanSansCN, SourceHanSansCN;
		font-weight: 500;
		font-size: 36rpx;
		color: #303133;
		text-align: center;
		font-style: normal;
		text-transform: none;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 24rpx;

		image {
			width: 12rpx;
			height: 28rpx;
		}
	}

	.join-grid {
		margin-top: 29rpx;
		display: grid;
		grid-template-columns: 341rpx 341rpx;
		grid-auto-rows: 144rpx;
		gap: 16rpx;
		justify-content: center;
		.join-item {
			width: 100%;
			height: 100%;
			min-height: 0;
			min-width: 0;
		}
	}
</style>